<template>
    <ul class="nav side-nav listPanel">
      <menuTreeItem v-for='cel in menuData' :menuItemsData='cel'></menuTreeItem>
    </ul>
</template>

<script type="text/javascript">
import menuTreeItem from './menuTreeItem'
import {commonVue} from '../assets/js/base';


var _self;
var selectChildTree;
  export default {
    data() {
       return {
           menuData:[
                       {
                         menuID:"",
                         menuTitle:"商铺管理",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"商铺管理",
                             menuSrc:"store.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       },
                       {
                         menuID:"",
                         menuTitle:"用户管理",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"用户管理",
                             menuSrc:"user.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       },
                       {
                         menuID:"",
                         menuTitle:"动态管理",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"动态管理",
                             menuSrc:"message.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       },
                       {
                         menuID:"",
                         menuTitle:"商品类别管理",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"商品类别管理",
                             menuSrc:"category.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       },
                       {
                         menuID:"",
                         menuTitle:"官网模块",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"官网模块管理",
                             menuSrc:"module.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       },
                       {
                         menuID:"",
                         menuTitle:"商品管理",
                         menuClassLevel:"listPanel-one",
                         menuChild:[
                           {
                             menuID:"",
                             menuTitle:"商品管理",
                             menuSrc:"product.html",
                             menuClassLevel:"listPanel-two",
                             menuChild:[]
                           }
                         ]
                       }

                     ]
       }
    },
    created:function(){
      _self = this;
      commonVue.$on('menuClicked',function(_uid,selCp){
        canselSelcted(_uid,selCp);
      });
      commonVue.$on('menuSelected',function(selCp){
        !!selectChildTree && (selectChildTree.isChoose = false)
        selectChildTree = selCp;
      });
    },
    methods:{

    },
    mounted:function(){

    },
    components: { menuTreeItem }
  }

  function canselSelcted(_uid,selCp){
    var par = selCp.$parent;
    for(var i = 0; i < par.$children.length; i++){
      var child = par.$children[i];
      if(child._uid != _uid){
        child.isopen = false
      }
    }
  }

  function getUserMenu(){
    var menuList = base.methods.userMenu();
  }
  /////////////////////////////////////////////////////////////////////menuData模板///////////////////////////////////////////////////////////////////////////////

</script>
